<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="author" content="">
<title>CrowX</title>
<!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
<!--[if lt IE 9]>
<script src="assets/js/html5shiv.js"></script>
<![endif]-->
<link rel="stylesheet" type="text/css" id="color" href="assets/css/red.css">
<link rel="stylesheet" type="text/css" href="assets/css/style.css">
<link href="assets/css/bootstrap.css" rel="stylesheet">
<link href="assets/css/bootstrap-responsive.css" rel="stylesheet">
<script type="text/javascript" src="assets/js/jquery1.7.2.js"></script>
<script type="text/javascript" src="assets/js/color_switcher.js"></script>
</head>

<body>
<div class="color-switcher" id="choose_color"> <a href="#." class="picker_close"></a>
  <ul>
    <li><a href="#." class="red" id="red"></a></li>
    <li><a href="#." class="green" id="green"></a></li>
    <li><a href="#." class="blue" id="blue"></a></li>
    <li><a href="#." class="orange" id="orange"></a></li>
    <li><a href="#." class="cyan" id="cyan"></a></li>
    <li><a href="#." class="light_pink" id="light_pink"></a></li>
  </ul>
  <div class="clr"></div>
</div>
<!--end color-switcher-->

<header class="header">
  <div class="top_row">
    <div class="container">
      <section class="row-fluid">
        <div class="span12">
          <p class="top_number"><i class="icon-mobile-phone"></i>+123 456 7980 or +123 456 7999</p>
          <ul class="top_social">
            <li><a href="#." class="fb"><i class="icon-facebook"></i></a></li>
            <li><a href="#." class="twtr"><i class="icon-twitter"></i></a></li>
            <li><a href="#." class="gmail"><i class="icon-google-plus"></i></a></li>
            <li><a href="#." class="pintrest"><i class="icon-pinterest"></i></a></li>
            <li><a href="#." class="rss"><i class="icon-rss"></i></a></li>
          </ul>
          <div class="clr"></div>
        </div>
        <!--end span12-->
        
        <div class="clr"></div>
      </section>
      <!--end row-fluid-->
      
      <div class="clr"></div>
    </div>
    <!--end container-->
    
    <div class="clr"></div>
  </div>
  <!--end top_row-->
  <nav>
    <div class="navigation_bg">
      <div class="container">
        <div class="row-fluid">
          <div class="span3"><a href="index.html" class="logo"><img src="assets/images/logo.png" alt="image" /></a></div>
          <div class="span9"> 
            
            <!-- Navbar
================================================== -->
            <div class="navbar">
              <div class="navbar-inner">
                <div class="container">
                  <button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse"> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class= 			 					"icon-bar"></span> </button>
                  <div class="nav-collapse collapse">
                    <ul class="nav">
                      <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown">Home<b class="caret"></b><br />
                        <span>start here</span></a>
                        <ul class="dropdown-menu">
                          <li><a href="index.html">Home 1</a></li>
                          <li><a href="index2.html">Home 2</a></li>
                        </ul>
                      </li>
                      <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown">pages<b class="caret"></b><br />
                        <span>what we do</span></a>
                        <ul class="dropdown-menu">
                          <li><a href="about_us.html">About us</a></li>
                          <li><a href="contact_us.html">Contact us</a></li>
                          <li><a href="faq.html">Faq</a></li>
                          <li><a href="shortcodes.html">Shortcodes</a></li>
                          <li><a href="icons.html">Awsome Icons</a></li>
                          <li><a href="tables.html">Tables</a></li>
                        </ul>
                      </li>
                      <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown">portfolio<b class="caret"></b><br />
                        <span>result of our work</span></a>
                        <ul class="dropdown-menu">
                          <li><a href="portfolio1.html">Portfilio one</a></li>
                          <li><a href="portfolio2.html">Portfilio two</a></li>
                          <li><a href="portfolio3.html">Portfilio three</a></li>
                          <li><a href="portfolio4.html">Portfilio four</a></li>
                        </ul>
                      </li>
                      <li class="active dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown">blog<b class="caret"></b><br />
                        <span>what we think</span></a>
                        <ul class="dropdown-menu">
                          <li><a href="blog1.html">Blog right</a></li>
                          <li><a href="blog2.html">Blog left</a></li>
                          <li><a href="blog_detail1.html">Blog right detail</a></li>
                          <li><a href="blog_detail2.html">Blog left detail</a></li>
                        </ul>
                      </li>
                      <li class=""> <a href="contact_us.html">contact us<br />
                        <span>get in touch</span></a> </li>
                    </ul>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <div class="clr"></div>
        </div>
        <!--end row-fluid-->
        
        <div class="clr"></div>
      </div>
      <!--end container-->
      
      <div class="clr"></div>
    </div>
  </nav>
  <!--end navigation_bg-->
  
  <div class="clr"></div>
</header>
<!--end header-->

<div class="sub_page_top">
  <div class="container">
    <section class="row-fluid">
      <div class="span8">
        <header>
          <h1 class="sub_page_hdng">Blog detail Two</h1>
        </header>
        <p>It is a long established fact that a reader will content of a page when looking at its layout. </p>
      </div>
      <div class="span4">
        <ul class="breadcrumb">
          <li><a href="index.html">Home</a> <span class="divider">/</span></li>
          <li><a href="#.">blog</a> <span class="divider">/</span></li>
          <li class="active">blog detail Two</li>
        </ul>
      </div>
      <div class="clr"></div>
    </section>
    <!--end row-fluid-->
    
    <div class="clr"></div>
  </div>
  <!--end container-->
  
  <div class="clr"></div>
</div>
<!--end sub_page_top-->

<div class="container">
  <section class="row-fluid blog">
    <div class="span8 float_right">
      <div class="blog_post">
        <header>
          <h1>Simply Dummy Text of the Printing </h1>
        </header>
        <img src="assets/images/portfolio1_img1.jpg" alt="image" />
        <ul class="blog_nav">
          <li class="one"><i class="icon-user"></i>By admin</li>
          <li class="two"><i class="icon-calendar"></i>June 29, 2013</li>
          <li class="three"><i class="icon-tag"></i>Design, Branding, Web</li>
          <li class="four"><a href="#." class="four"><i class="icon-comments"></i>11 Comments</a></li>
          <li class="clr"></li>
        </ul>
        <div class="clr"></div>
        <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
        <p>Donec sem urna, scelerisque vel tincidunt a, elementum vitae ante. Curabitur bibendum enim sit amet nisl tempor vel euismod velit ultrices. Vestibulum sollicitudin condimentum nunc, vel tincidunt quam ultricies a. Fusce tellus magna, aliquam quis ultrices id, faucibus eu lorem. Curabitur orci metus, scelerisque a commodo nec, pharetra ac felis. In hac habitasse platea dictumst. Cras id blandit purus. Donec ultrices aliquam dapibus. In condimentum porta urna, congue iaculis erat condimentum id. Phasellus scelerisque nisl ut justo gravida accumsan ut in orci. Fusce tortor massa, dignissim eget molestie vitae, fermentum ut justo. Quisque rutrum placerat nisi, non ultrices elit ultricies quis. Maecenas magna purus, faucibus a accumsan eget, ultricies a arcu. Etiam facilisis felis a dolor semper eleifend.</p>
        <p>his should split into other pages with layout, images, HTML tags, and other things. I don’t know whether you have ever seen a map of a person’s mind. Doctors sometimes draw maps of other parts of you, and your own map can become intensely interesting, but catch them trying to draw a map of a child’s mind, which is not only confused, but keeps going round all the time. account of the system.Expound the actual teachings of the great explorer of the truth, the master-builder of human happiness.</p>
        <div class="clr"></div>
      </div>
      <!--end blog_post-->
      
      <div class="leave_comment">
        <header>
          <h3 class="red_bg">Comments</h3>
        </header>
        <div class="comment">
          <div class="comment_image"><img src="assets/images/comment_image.jpg" alt="image" /></div>
          <!--end comment_image-->
          
          <div class="comment_detail">
            <header>
              <h4>Admin<span>July 29, 2013 at 4:32 pm</span></h4>
            </header>
            <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
          </div>
          <a href="#.">Reply</a>
          <div class="clr"></div>
        </div>
        <!--end comment-->
        
        <div class="comment">
          <div class="comment_image"><img src="assets/images/comment_image.jpg" alt="image" /></div>
          <!--end comment_image-->
          
          <div class="comment_detail">
            <header>
              <h4>Admin<span>July 29, 2013 at 4:32 pm</span></h4>
            </header>
            <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
          </div>
          <a href="#.">Reply</a>
          <div class="clr"></div>
        </div>
        <!--end comment-->
        
        <div class="reply">
          <div class="comment">
            <div class="comment_image"><img src="assets/images/comment_image.jpg" alt="image" /></div>
            <!--end comment_image-->
            
            <div class="comment_detail">
              <header>
                <h4>Admin<span>July 29, 2013 at 4:32 pm</span></h4>
              </header>
              <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard.</p>
            </div>
            <a href="#.">Reply</a>
            <div class="clr"></div>
          </div>
          <!--end comment-->
          
          <div class="clr"></div>
        </div>
        <!--end reply-->
        <div class="reply">
          <div class="comment">
            <div class="comment_image"><img src="assets/images/comment_image.jpg" alt="image" /></div>
            <!--end comment_image-->
            
            <div class="comment_detail">
              <header>
                <h4>Admin<span>July 29, 2013 at 4:32 pm</span></h4>
              </header>
              <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard.</p>
            </div>
            <a href="#.">Reply</a>
            <div class="clr"></div>
          </div>
          <!--end comment-->
          
          <div class="clr"></div>
        </div>
        <!--end reply-->
        
        <div class="comment">
          <div class="comment_image"><img src="assets/images/comment_image.jpg" alt="image" /></div>
          <!--end comment_image-->
          
          <div class="comment_detail">
            <header>
              <h4>Admin<span>July 29, 2013 at 4:32 pm</span></h4>
            </header>
            <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
          </div>
          <a href="#.">Reply</a>
          <div class="clr"></div>
        </div>
        <!--end comment-->
        
        <div class="clr"></div>
      </div>
      <!--end leave_comment-->
      
      <div class="form">
        <header>
          <h3 class="red_bg">Leave a Reply</h3>
        </header>
        <label>First Name:</label>
        <input type="text" />
        <label>Last Name:</label>
        <input type="text" />
        <div class="clr"></div>
        <label>Phone No:</label>
        <input type="text" />
        <label>Your Email:</label>
        <input type="text" />
        <div class="clr"></div>
        <label>Website:</label>
        <input type="text" />
        <div class="clr"></div>
        <label>Website:</label>
        <textarea></textarea>
        <input type="submit" value="submit" class="btn btn-danger" />
        <div class="clr"></div>
      </div>
      <!--end form-->
      
      <div class="clr"></div>
    </div>
    <!--end span8-->
    <aside>
      <div class="span4 marr_lft_none">
        <div class="search">
          <input type="text" />
          <input type="submit" value="" />
          <div class="clr"></div>
        </div>
        <!--end search-->
        
        <div class="side_bar_nav">
          <header>
            <h3>Categories</h3>
          </header>
          <ul>
            <li><a href="#."><i class="icon-long-arrow-right"></i>Web Design (2)</a></li>
            <li><a href="#."><i class="icon-long-arrow-right"></i>Branding (5)</a></li>
            <li><a href="#."><i class="icon-long-arrow-right"></i>Photography (3)</a></li>
            <li><a href="#."><i class="icon-long-arrow-right"></i>Business (10)</a></li>
            <li><a href="#."><i class="icon-long-arrow-right"></i>Art Design (2)</a></li>
            <li><a href="#."><i class="icon-long-arrow-right"></i>WordPress (13)</a></li>
          </ul>
          <div class="clr"></div>
        </div>
        <!--end side_bar_nav-->
        
        <div class="sidebar_tabs">
          <ul class="nav nav-tabs">
            <li class="active"><a href="#recent_post" data-toggle="tab">Recent Post</a></li>
            <li><a href="#popular_tags" data-toggle="tab">Populer Tags</a></li>
          </ul>
          <div class="tab-content">
            <div class="tab-pane fade in active" id="recent_post">
              <div class="blog_posts"> <img src="assets/images/blog_tab_img1.jpg" alt="image" />
                <p>Lorem ipsum dolor sit amet
                  consectetur text.<span>June 29, 2013</span></p>
                <div class="clr"></div>
              </div>
              <!--end blog_posts-->
              <div class="blog_posts"> <img src="assets/images/blog_tab_img2.jpg" alt="image" />
                <p>Lorem ipsum dolor sit amet
                  consectetur text.<span>June 29, 2013</span></p>
                <div class="clr"></div>
              </div>
              <!--end blog_posts-->
              <div class="blog_posts"> <img src="assets/images/blog_tab_img3.jpg" alt="image" />
                <p>Lorem ipsum dolor sit amet
                  consectetur text.<span>June 29, 2013</span></p>
                <div class="clr"></div>
              </div>
              <!--end blog_posts--> 
              
            </div>
            <div class="tab-pane fade" id="popular_tags">
              <div class="blog_posts"> <img src="assets/images/blog_tab_img2.jpg" alt="image" />
                <p>Lorem ipsum dolor sit amet
                  consectetur text.<span>June 29, 2013</span></p>
                <div class="clr"></div>
              </div>
              <!--end blog_posts-->
              <div class="blog_posts"> <img src="assets/images/blog_tab_img3.jpg" alt="image" />
                <p>Lorem ipsum dolor sit amet
                  consectetur text.<span>June 29, 2013</span></p>
                <div class="clr"></div>
              </div>
              <!--end blog_posts-->
              <div class="clr"></div>
            </div>
          </div>
          <div class="clr"></div>
        </div>
        <!--end sidebar_tabs-->
        
        <div class="text_widget">
          <header>
            <h3>Text Widget</h3>
          </header>
          <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s.</p>
          <p>when an unknown printer took a galley of type and scrambled. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
        </div>
        <!--end text_widget-->
        
        <div class="side_bar_nav">
          <header>
            <h3>Archives</h3>
          </header>
          <ul>
            <li><a href="#."><i class="icon-long-arrow-right"></i>June 2013</a></li>
            <li><a href="#."><i class="icon-long-arrow-right"></i>July 2013</a></li>
            <li><a href="#."><i class="icon-long-arrow-right"></i>May 2013</a></li>
            <li><a href="#."><i class="icon-long-arrow-right"></i>April 2013</a></li>
            <li><a href="#."><i class="icon-long-arrow-right"></i>March 2013</a></li>
          </ul>
          <div class="clr"></div>
        </div>
        <!--end side_bar_nav-->
        
        <div class="clr"></div>
      </div>
    </aside>
    <!--end span4-->
    
    <div class="clr"></div>
  </section>
  <!--end row-fluid-->
  
  <div class="clr"></div>
</div>
<!--end container-->

<footer class="footer">
  <div class="container">
    <section class="row-fluid">
      <div class="span3 usefull_links">
        <h2>Usefull Links</h2>
        <ul>
          <li><a href="#."><i class="icon-long-arrow-right"></i>Home</a></li>
          <li><a href="#."><i class="icon-long-arrow-right"></i>About Us</a></li>
          <li><a href="#."><i class="icon-long-arrow-right"></i>Services</a></li>
          <li><a href="#."><i class="icon-long-arrow-right"></i>Portfolio</a></li>
          <li><a href="#."><i class="icon-long-arrow-right"></i>Blog</a></li>
          <li><a href="#."><i class="icon-long-arrow-right"></i>Contact Us</a></li>
          <li><a href="#."><i class="icon-long-arrow-right"></i>Documentation</a></li>
          <li><a href="#."><i class="icon-long-arrow-right"></i>Wordpress</a></li>
        </ul>
      </div>
      <!--end span3 usefull_links-->
      
      <div class="span3 latest_tweets">
        <h2>Latest Tweets</h2>
        <i class="icon-twitter"></i>
        <p><span>@Smith Apple</span> Lorem Ipsum is simply dummy text of the printing and typesetting industry.<br />
          <span class="date">June 29, 2013</span></p>
        <div class="clr"></div>
        <i class="icon-twitter"></i>
        <p><span>@Smith Apple</span> Lorem Ipsum is simply dummy text of the printing and typesetting industry.<br />
          <span class="date">June 29, 2013</span></p>
        <div class="clr"></div>
      </div>
      <!--end span3 latest_tweets-->
      
      <div class="span3 about_us">
        <h2>About Us</h2>
        <ul>
          <li class="one"><i class="icon-mobile-phone"></i>(+01) 123 456 7890</li>
          <li class="two"><a href="#."><i class="icon-envelope"></i>support@crowx.com</a></li>
          <li class="three"><a href="#."><i class="icon-globe"></i>www.crowx.com</a></li>
          <li class="four"><i class="icon-home"></i>786 Some Place Nice, Rd Nice
            State, Big Country 7860</li>
        </ul>
        <ul class="footer_social">
          <li><a href="#." class="fb"><i class="icon-facebook"></i></a></li>
          <li><a href="#." class="twtr"><i class="icon-twitter"></i></a></li>
          <li><a href="#." class="gmail"><i class="icon-google-plus"></i></a></li>
          <li><a href="#." class="pintrest"><i class="icon-pinterest"></i></a></li>
          <li><a href="#." class="rss"><i class="icon-rss"></i></a></li>
        </ul>
        <div class="clr"></div>
      </div>
      <!--end span3 about_us-->
      
      <div class="span3 recent_post">
        <h2>Recent Posts Widget</h2>
        <div class="footer_post"> <img src="assets/images/recent_widget_1.jpg" alt="image" />
          <p>Lorem ipsum dolor sit amet
            consectetur text.<span>June 29, 2013</span></p>
          <div class="clr"></div>
        </div>
        <!--end footer_post-->
        
        <div class="footer_post"> <img src="assets/images/recent_widget_2.jpg" alt="image" />
          <p>Lorem ipsum dolor sit amet
            consectetur text.<span>June 29, 2013</span></p>
          <div class="clr"></div>
        </div>
        <!--end footer_post-->
        
        <div class="footer_post"> <img src="assets/images/recent_widget_3.jpg" alt="image" />
          <p>Lorem ipsum dolor sit amet
            consectetur text.<span>June 29, 2013</span></p>
          <div class="clr"></div>
        </div>
        <!--end footer_post-->
        
        <div class="clr"></div>
      </div>
      <!--end span3 recent_post-->
      
      <div class="clr"></div>
    </section>
    <!--end row-fluid-->
    
    <div class="clr"></div>
  </div>
  <!--end container-->
  
  <p class="copyright">Copyright &copy; 2013 CrowX. All right reserved.</p>
  <div class="clr"></div>
</footer>
<script src="assets/js/bootstrap-transition.js"></script> 
<script src="assets/js/bootstrap-collapse.js"></script> 
<script src="assets/js/bootstrap-dropdown.js"></script> 
<script src="assets/js/bootstrap-tab.js"></script> 
<script>

    $('#myTab a').click(function (e) {
    e.preventDefault();
    $(this).tab('show');
    })

</script>
</body>
</html>
